<template>
    <span>
        <span
          v-if="datePanelLabel"
          v-show="datePanelLabel.labels[0].type === 'year' || currentView === 'date'"
          :class="[datePrefixCls + '-header-label']"
          @click="datePanelLabel.labels[0].handler">{{ datePanelLabel.labels[0].label }}</span>
        <template v-if="datePanelLabel && currentView === 'date'">{{ datePanelLabel.separator }}</template>
        <span
          v-if="datePanelLabel"
          v-show="datePanelLabel.labels[1].type === 'year' || currentView === 'date'"
          :class="[datePrefixCls + '-header-label']"
          @click="datePanelLabel.labels[1].handler">{{ datePanelLabel.labels[1].label }}</span>
    </span>
</template>

<script>
  export default {
    props: {
      datePanelLabel: Object,
      currentView: String,
      datePrefixCls: String
    }
  }
</script>
